<div class="comment-area bootbox" id="comments" style="">
    <form class="comment-form js-ajax-form" action="{:cmf_plugin_url('Comment://Comment/add');}?commentmoduleid={$commentmoduleid}" method="post">
        <div class="form-group" style="">
            <div class="comment-postbox-wraper">
                <div class="comment-postbox edui-default" id="plugin-comment-comment-box"></div>
            </div>
        </div>

        <div class="form-group">

			<div class="st-flor st-xm-wid100">
            <if condition='$captcha eq 1'>
                <div class="pull-right" style="display: inline-block; margin-right:5px; float:left;">
                    <input type="text" name="verify" style="width: 100px;height: 38px;" required placeholder="验证码"/>
                    <captcha height="38" width="120" font-size="16"/>
                </div>
            </if>
            <button type="submit" class="btn pull-right btn-primary js-ajax-submit st-flor st-ml15 st-mt5 st-xm-wid100 st-xm-mt15"
                    id="plugin-comment-comment-box-submit-btn">
                <i class="fa fa-comment-o"></i> 发表评论
            </button>
            </div>

        </div>


        <input type="hidden" name="object_title" value="{$object_title}">
        <input type="hidden" name="table_name" value="{$table_name}">
        <input type="hidden" name="object_id" value="{$object_id}">
        <input type="hidden" name="url" value="{$url}">
        <input type="hidden" name="to_user_id" value="{$user_id}">
        <input type="hidden" name="parent_id" value="0">
        <div class="clearfix"></div>
    </form>
    <div class="comments">
        <foreach name="datas" item="vo">
            <div id="comment{$vo.id}" class="comment" data-id="{$vo.id}" data-user_id="{$vo.user_id}"
                 data-username="{$vo.full_name}">
                <div>
                    <a class="pull-left" href="<if condition='$vo.user_id gt 0'>{:cmf_url('user/index/index',array('id'=>$vo['user_id']));}<else/>#</if>"
                       style="margin-right: 10px;">
                        <img class="media-object avatar"
                             src="{:cmf_url('user/public/avatar',array('id'=>$vo['user_id']));}">
                    </a>
                    <div>
                        <if condition='$vo.user_id eq 0'>
                            {$vo.full_name|default='匿名用户'}:<br>
                            <else/>
                            <a href="{:cmf_url('user/index/index',array('id'=>$vo['user_id']));}">{$vo.full_name|default='匿名用户'}</a>:<br>
                        </if>

                        <span class="time">{$vo.create_time|date='Y-m-d H:i:s',###}</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="comment-body">
                    <div class="comment-content">
                        <if condition='$vo.parent_id gt 0'>
                            <div class="huifudata">
                                @<a href="<if condition='$vo.to_user_id gt 0'>{:cmf_url('user/index/index',array('id'=>$vo['to_user_id']));}<else/>#</if>">
                                {$vo.touser.user_nickname|default='匿名用户'}
                                <img src="__PLUGIN_TMPL__/public/assets/images/back.gif" style="vertical-align: middle;"></a>
                                <p class="reply-content">"{$vo.parent.content|strip_tags=###}"</p>
                            </div>
                        </if>
                        {$vo.content}
                    </div>
                    <div class="pull-right huifu">
                        <a onclick="commentReply(this);" href="javascript:;"><i class="fa fa-comment"></i> 回复</a>

                        <a href="{:cmf_plugin_url('Comment://Comment/dolike',array('id'=>$vo['id']));}?commentmoduleid={$commentmoduleid}"
                           class="js-count-btn"
                           title="赞一下">
                            <i class="fa fa-thumbs-up"></i>
                            <span class="count">{$vo.like_count}</span></a>
                        <a href="{:cmf_plugin_url('Comment://Comment/dounlike',array('id'=>$vo['id']));}?commentmoduleid={$commentmoduleid}"
                           class="js-count-btn"
                           title="踩一下">
                            <i class="fa fa-thumbs-down"></i></i>
                            <span class="count">{$vo.dislike_count}</span></a>

                        <!--<a href="{:cmf_url('user/index/index',array('id'=>$vo['user_id']));}"><i class="fa fa-rmb"></i>打赏TA</a>-->

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>

        </foreach>
        <ul class="pagination st-mt15">{$page}</ul>
    </div>

    <script class="comment-reply-box-tpl" type="text/html">
        <div class="comment-reply-submit">
            <div class="comment-reply-box">
                <input type="text" class="textbox form-control" placeholder="回复">
            </div>
            <button class="btn btn-secondary pull-right" onclick="commentSubmit(this);">回复</button>
            <if condition='$captcha eq 1'>
                <div class="pull-right" style="display: inline-block; margin-right:5px;">
                    <input type="text" name="verify" style="width: 60px;height: 38px;" required placeholder="验证码"/>
                    <captcha height="38" width="120" font-size="16"/>
                </div>
            </if>
        </div>
        </div>
    </script>
</div>
<script>
    /**
     * ueditor完整配置项
     * 可以在这里配置整个编辑器的特性
     */
    /**************************提示********************************
     * 所有被注释的配置项均为UEditor默认值。
     * 修改默认配置请首先确保已经完全明确该参数的真实用途。
     * 主要有两种修改方案，一种是取消此处注释，然后修改成对应参数；另一种是在实例化编辑器时传入对应参数。
     * 当升级编辑器时，可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
     **************************提示********************************/

    (function () {

        /**
         * 编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。
         * 鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
         * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
         * 如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。
         * 因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。
         * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
         */
        var URL = window.UEDITOR_HOME_URL || getUEBasePath();

        /**
         * 配置项主体。注意，此处所有涉及到路径的配置别遗漏URL变量。
         */
        window.UEDITOR_CONFIG = {

            //为编辑器实例添加一个路径，这个不能被注释
            UEDITOR_HOME_URL: GV.WEB_ROOT + 'static/js/ueditor/'

            // 服务器统一请求接口路径
            , serverUrl: GV.ROOT + "user/Ueditor/upload"//"../../../index.php?g=Asset&m=Ueditor&a=upload"

            //工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的从新定义
            , toolbars: [['fullscreen', 'undo', 'redo', '|',
                'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
                'insertimage', 'emotion', 'insertcode', '|',
                'searchreplace', 'drafts']
            ]
            //当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置，否则以配置值为准
            //,labelMap:{
            //    'anchor':'', 'undo':''
            //}

            //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换，当然，前提条件是lang文件夹下存在对应的语言文件：
            //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
            //,lang:"zh-cn"
            //,langPath:URL +"lang/"

            //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换，当然，前提条件是themes文件夹下存在对应的主题文件：
            //现有如下皮肤:default
            //,theme:'default'
            //,themePath:URL +"themes/"

            //,zIndex : 900     //编辑器层级的基数,默认是900

            //针对getAllHtml方法，会在对应的head标签中增加该编码设置。
            //,charset:"utf-8"

            //若实例化编辑器的页面手动修改的domain，此处需要设置为true
            //,customDomain:false

            //常用配置项目
            //,isShow : true    //默认显示编辑器

            , textarea: 'content' // 提交表单时，服务器获取编辑器提交内容的所用的参数，多实例时可以给容器name属性，会将name给定的值最为每个实例的键值，不用每次实例化的时候都设置这个值

            //,initialContent:'欢迎使用ueditor!'    //初始化编辑器的内容,也可以通过textarea/script给值，看官网例子

            , initialFrameWidth: '100%'  //初始化编辑器宽度,默认1000
            //,initialFrameHeight:320  //初始化编辑器高度,默认320

            //,autoClearinitialContent:true //是否自动清除编辑器初始内容，注意：如果focus属性设置为true,这个也为真，那么编辑器一上来就会触发导致初始化的内容看不到了

            //,focus:false //初始化时，是否让编辑器获得焦点true或false

            //如果自定义，最好给p标签如下的行高，要不输入中文时，会有跳动感
            //,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等

            //,iframeCssUrl: URL + '/themes/iframe.css' //给编辑器内部引入一个css文件

            //indentValue
            //首行缩进距离,默认是2em
            //,indentValue:'2em'

            //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
            //,initialFrameHeight:320  //初始化编辑器高度,默认320

            //,readonly : false //编辑器初始化结束后,编辑区域是否是只读的，默认是false

            //,autoClearEmptyNode : true //getContent时，是否删除空的inlineElement节点（包括嵌套的情况）

            //启用自动保存
            //,enableAutoSave: true
            //自动保存间隔时间， 单位ms
            //,saveInterval: 500

            //,fullscreen : false //是否开启初始化时即全屏，默认关闭

            //,imagePopup:true      //图片操作的浮层开关，默认打开

            //,autoSyncData:true //自动同步编辑器要提交的数据
            , emotionLocalizatio: true //是否开启表情本地化，默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹

            //粘贴只保留标签，去除标签所有属性
            //,retainOnlyLabelPasted: false

            //,pasteplain:false  //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
            //纯文本粘贴模式下的过滤规则
            //'filterTxtRules' : function(){
            //    function transP(node){
            //        node.tagName = 'p';
            //        node.setStyle();
            //    }
            //    return {
            //        //直接删除及其字节点内容
            //        '-' : 'script style object iframe embed input select',
            //        'p': {$:{}},
            //        'br':{$:{}},
            //        'div':{'$':{}},
            //        'li':{'$':{}},
            //        'caption':transP,
            //        'th':transP,
            //        'tr':transP,
            //        'h1':transP,'h2':transP,'h3':transP,'h4':transP,'h5':transP,'h6':transP,
            //        'td':function(node){
            //            //没有内容的td直接删掉
            //            var txt = !!node.innerText();
            //            if(txt){
            //                node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);
            //            }
            //            node.parentNode.removeChild(node,node.innerText())
            //        }
            //    }
            //}()

            //,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串

            //insertorderedlist
            //有序列表的下拉配置,值留空时支持多语言自动识别，若配置值，则以此值为准
            //,'insertorderedlist':{
            //      //自定的样式
            //        'num':'1,2,3...',
            //        'num1':'1),2),3)...',
            //        'num2':'(1),(2),(3)...',
            //        'cn':'一,二,三....',
            //        'cn1':'一),二),三)....',
            //        'cn2':'(一),(二),(三)....',
            //     //系统自带
            //     'decimal' : '' ,         //'1,2,3...'
            //     'lower-alpha' : '' ,    // 'a,b,c...'
            //     'lower-roman' : '' ,    //'i,ii,iii...'
            //     'upper-alpha' : '' , lang   //'A,B,C'
            //     'upper-roman' : ''      //'I,II,III...'
            //}

            //insertunorderedlist
            //无序列表的下拉配置，值留空时支持多语言自动识别，若配置值，则以此值为准
            //,insertunorderedlist : { //自定的样式
            //    'dash' :'— 破折号', //-破折号
            //    'dot':' 。 小圆圈', //系统自带
            //    'circle' : '',  // '○ 小圆圈'
            //    'disc' : '',    // '● 小圆点'
            //    'square' : ''   //'■ 小方块'
            //}
            //,listDefaultPaddingLeft : '30'//默认的左边缩进的基数倍
            //,listiconpath : 'http://bs.baidu.com/listicon/'//自定义标号的路径
            //,maxListLevel : 3 //限制可以tab的级数, 设置-1为不限制

            //,autoTransWordToList:false  //禁止word中粘贴进来的列表自动变成列表标签

            //fontfamily
            //字体设置 label留空支持多语言自动切换，若配置，则以配置值为准
            //,'fontfamily':[
            //    { label:'',name:'songti',val:'宋体,SimSun'},
            //    { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},
            //    { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},
            //    { label:'',name:'heiti',val:'黑体, SimHei'},
            //    { label:'',name:'lishu',val:'隶书, SimLi'},
            //    { label:'',name:'andaleMono',val:'andale mono'},
            //    { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
            //    { label:'',name:'arialBlack',val:'arial black,avant garde'},
            //    { label:'',name:'comicSansMs',val:'comic sans ms'},
            //    { label:'',name:'impact',val:'impact,chicago'},
            //    { label:'',name:'timesNewRoman',val:'times new roman'}
            //]

            //fontsize
            //字号
            //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]

            //paragraph
            //段落格式 值留空时支持多语言自动识别，若配置，则以配置值为准
            //,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}

            //rowspacingtop
            //段间距 值和显示的名字相同
            //,'rowspacingtop':['5', '10', '15', '20', '25']

            //rowspacingBottom
            //段间距 值和显示的名字相同
            //,'rowspacingbottom':['5', '10', '15', '20', '25']

            //lineheight
            //行内间距 值和显示的名字相同
            //,'lineheight':['1', '1.5','1.75','2', '3', '4', '5']

            //customstyle
            //自定义样式，不支持国际化，此处配置值即可最后显示值
            //block的元素是依据设置段落的逻辑设置的，inline的元素依据BIU的逻辑设置
            //尽量使用一些常用的标签
            //参数说明
            //tag 使用的标签名字
            //label 显示的名字也是用来标识不同类型的标识符，注意这个值每个要不同，
            //style 添加的样式
            //每一个对象就是一个自定义的样式
            //,'customstyle':[
            //    {tag:'h1', name:'tc', label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
            //    {tag:'h1', name:'tl',label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'},
            //    {tag:'span',name:'im', label:'', style:'font-style:italic;font-weight:bold'},
            //    {tag:'span',name:'hi', label:'', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}
            //]

            //打开右键菜单功能
            //,enableContextMenu: true
            //右键菜单的内容，可以参考plugins/contextmenu.js里边的默认菜单的例子，label留空支持国际化，否则以此配置为准
            //,contextMenu:[
            //    {
            //        label:'',       //显示的名称
            //        cmdName:'selectall',//执行的command命令，当点击这个右键菜单时
            //        //exec可选，有了exec就会在点击时执行这个function，优先级高于cmdName
            //        exec:function () {
            //            //this是当前编辑器的实例
            //            //this.ui._dialogs['inserttableDialog'].open();
            //        }
            //    }
            //]

            //快捷菜单
            //,shortcutMenu:["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]

            //elementPathEnabled
            //是否启用元素路径，默认是显示
            //,elementPathEnabled : true

            //wordCount
            //,wordCount:true          //是否开启字数统计
            //,maximumWords:10000       //允许的最大字符数
            //字数统计提示，{#count}代表当前字数，{#leave}代表还可以输入多少字符数,留空支持多语言自动切换，否则按此配置显示
            //,wordCountMsg:''   //当前已输入 {#count} 个字符，您还可以输入{#leave} 个字符
            //超出字数限制提示  留空支持多语言自动切换，否则按此配置显示
            //,wordOverFlowMsg:''    //<span style="color:red;">你输入的字符个数已经超出最大允许值，服务器可能会拒绝保存！</span>

            //tab
            //点击tab键时移动的距离,tabSize倍数，tabNode什么字符做为单位
            //,tabSize:4
            //,tabNode:'&nbsp;'

            //removeFormat
            //清除格式时可以删除的标签和属性
            //removeForamtTags标签
            //,removeFormatTags:'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'
            //removeFormatAttributes属性
            //,removeFormatAttributes:'class,style,lang,width,height,align,hspace,valign'

            //undo
            //可以最多回退的次数,默认20
            //,maxUndoCount:20
            //当输入的字符数超过该值时，保存一次现场
            //,maxInputCount:1

            //autoHeightEnabled
            // 是否自动长高,默认true
            //,autoHeightEnabled:true

            //scaleEnabled
            //是否可以拉伸长高,默认true(当开启时，自动长高失效)
            //,scaleEnabled:false
            //,minFrameWidth:800    //编辑器拖动时最小宽度,默认800
            //,minFrameHeight:220  //编辑器拖动时最小高度,默认220

            //autoFloatEnabled
            //是否保持toolbar的位置不动,默认true
            //,autoFloatEnabled:true
            //浮动时工具栏距离浏览器顶部的高度，用于某些具有固定头部的页面
            //,topOffset:30
            //编辑器底部距离工具栏高度(如果参数大于等于编辑器高度，则设置无效)
            //,toolbarTopOffset:400

            //设置远程图片是否抓取到本地保存
            //,catchRemoteImageEnable: true //设置是否抓取远程图片

            //pageBreakTag
            //分页标识符,默认是_ueditor_page_break_tag_
            //,pageBreakTag:'_ueditor_page_break_tag_'

            //autotypeset
            //自动排版参数
            //,autotypeset: {
            //    mergeEmptyline: true,           //合并空行
            //    removeClass: true,              //去掉冗余的class
            //    removeEmptyline: false,         //去掉空行
            //    textAlign:"left",               //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
            //    imageBlockLine: 'center',       //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
            //    pasteFilter: false,             //根据规则过滤没事粘贴进来的内容
            //    clearFontSize: false,           //去掉所有的内嵌字号，使用编辑器默认的字号
            //    clearFontFamily: false,         //去掉所有的内嵌字体，使用编辑器默认的字体
            //    removeEmptyNode: false,         // 去掉空节点
            //    //可以去掉的标签
            //    removeTagNames: {标签名字:1},
            //    indent: false,                  // 行首缩进
            //    indentValue : '2em',            //行首缩进的大小
            //    bdc2sb: false,
            //    tobdc: false
            //}

            //tableDragable
            //表格是否可以拖拽
            //,tableDragable: true


            //sourceEditor
            //源码的查看方式,codemirror 是代码高亮，textarea是文本框,默认是codemirror
            //注意默认codemirror只能在ie8+和非ie中使用
            //,sourceEditor:"codemirror"
            //如果sourceEditor是codemirror，还用配置一下两个参数
            //codeMirrorJsUrl js加载的路径，默认是 URL + "third-party/codemirror/codemirror.js"
            //,codeMirrorJsUrl:URL + "third-party/codemirror/codemirror.js"
            //codeMirrorCssUrl css加载的路径，默认是 URL + "third-party/codemirror/codemirror.css"
            //,codeMirrorCssUrl:URL + "third-party/codemirror/codemirror.css"
            //编辑器初始化完成后是否进入源码模式，默认为否。
            //,sourceEditorFirst:false

            //iframeUrlMap
            //dialog内容的路径 ～会被替换成URL,垓属性一旦打开，将覆盖所有的dialog的默认路径
            //,iframeUrlMap:{
            //    'anchor':'~/dialogs/anchor/anchor.html',
            //}

            //allowLinkProtocol 允许的链接地址，有这些前缀的链接地址不会自动添加http
            //, allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']

            //webAppKey 百度应用的APIkey，每个站长必须首先去百度官网注册一个key后方能正常使用app功能，注册介绍，http://app.baidu.com/static/cms/getapikey.html
            //, webAppKey: ""

            //默认过滤规则相关配置项目
            //,disabledTableInTable:true  //禁止表格嵌套
            //,allowDivTransToP:true      //允许进入编辑器的div标签自动变成p标签
            //,rgb2Hex:true               //默认产出的数据中的color自动从rgb格式变成16进制格式

            // xss 过滤是否开启,inserthtml等操作
            , xssFilterRules: true
            //input xss过滤
            , inputXssFilter: true
            //output xss过滤
            , outputXssFilter: true
            // xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
            , whiteList: {
                //a: ['target', 'href', 'title', 'class', 'style'],
                abbr: ['title', 'class', 'style'],
                address: ['class', 'style', 'id'],
                area: ['shape', 'coords', 'href', 'alt'],
                article: [],
                aside: [],
                //audio: ['autoplay', 'controls', 'loop', 'preload', 'src', 'class', 'style'],
                b: ['class', 'style', 'id'],
                bdi: ['dir'],
                bdo: ['dir'],
                big: [],
                blockquote: ['cite', 'class', 'style', 'id'],
                br: ['class', 'style', 'id'],
                caption: ['class', 'style', 'id'],
                center: [],
                cite: [],
                code: ['class', 'style', 'id'],
                col: ['align', 'valign', 'span', 'width', 'class', 'style', 'id'],
                colgroup: ['align', 'valign', 'span', 'width', 'class', 'style', 'id'],
                dd: ['class', 'style', 'id'],
                del: ['datetime', 'class', 'style', 'id'],
                details: ['open'],
                div: ['class', 'style', 'id'],
                dl: ['class', 'style', 'id'],
                dt: ['class', 'style', 'id'],
                em: ['class', 'style', 'id'],
//                embed: [
//                    'type', 'class', 'style', 'pluginspage',
//                    'src', 'width', 'height', 'align', 'wmode',
//                    'play', 'loop', 'menu', 'allowscriptaccess',
//                    'allowfullscreen', 'id'
//                ],
                //font: ['color', 'size', 'face'],
                footer: [],
                h1: ['class', 'style', 'id'],
                h2: ['class', 'style', 'id'],
                h3: ['class', 'style', 'id'],
                h4: ['class', 'style', 'id'],
                h5: ['class', 'style', 'id'],
                h6: ['class', 'style', 'id'],
                header: [],
                hr: ['class', 'style', 'id'],
                i: ['class', 'style', 'id'],
                //iframe: ['src', 'width', 'height', 'class', 'id', 'style', 'frameborder', 'name'],
                img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', '_url', 'data-latex'],
                ins: ['datetime', 'class', 'style', 'id'],
                li: ['class', 'style', 'id'],
                mark: [],
                nav: [],
                ol: ['class', 'style', 'id'],
                p: ['class', 'style', 'id'],
                pre: ['class', 'style', 'id'],
                s: [],
                section: [],
                small: ['class', 'style', 'id'],
                source: ['src', 'type'],
                span: ['class', 'style', 'id'],
                sub: ['class', 'style', 'id'],
                sup: ['class', 'style', 'id'],
                strong: ['class', 'style', 'id'],
                //table: ['width', 'border', 'align', 'valign', 'class', 'style', 'id'],
                //tbody: ['align', 'valign', 'width', 'class', 'style', 'id'],
                //td: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style', 'id'],
                //tfoot: ['align', 'valign', 'class', 'style', 'id'],
                //th: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style', 'id'],
                //thead: ['align', 'valign', 'class', 'style', 'id'],
                //tr: ['rowspan', 'align', 'valign', 'class', 'style', 'id'],
                //tt: ['class', 'style', 'id'],
                u: [],
                ul: ['class', 'style', 'id'],
                //video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style', 'id']
            }
        };

        function getUEBasePath(docUrl, confUrl) {

            return getBasePath(docUrl || self.document.URL || self.location.href, confUrl || getConfigFilePath());

        }

        function getConfigFilePath() {

            var configPath = document.getElementsByTagName('script');

            return configPath[configPath.length - 1].src;

        }

        function getBasePath(docUrl, confUrl) {

            var basePath = confUrl;


            if (/^(\/|\\\\)/.test(confUrl)) {

                basePath = /^.+?\w(\/|\\\\)/.exec(docUrl)[0] + confUrl.replace(/^(\/|\\\\)/, '');

            } else if (!/^[a-z]+:/i.test(confUrl)) {

                docUrl = docUrl.split("#")[0].split("?")[0].replace(/[^\\\/]+$/, '');

                basePath = docUrl + "" + confUrl;

            }

            return optimizationPath(basePath);

        }

        function optimizationPath(path) {

            var protocol = /^[a-z]+:\/\//.exec(path)[0],
                tmp = null,
                res = [];

            path = path.replace(protocol, "").split("?")[0].split("#")[0];

            path = path.replace(/\\/g, '/').split(/\//);

            path[path.length - 1] = "";

            while (path.length) {

                if ((tmp = path.shift()) === "..") {
                    res.pop();
                } else if (tmp !== ".") {
                    res.push(tmp);
                }

            }

            return protocol + res.join("/");

        }

        window.UE = {
            getUEBasePath: getUEBasePath
        };

    })();

</script>
<script>
    Wind.css('ueditor');
    Wind.use('ueditor', 'ajaxForm', function () {
        var editor = new baidu.editor.ui.Editor();
        editor.render("plugin-comment-comment-box");
    });


    function commentReply(obj) {

        $(".comments .comment-reply-submit").hide();
        var $this = $(obj);
        var $comment_body = $this.parents(".comments > .comment> .comment-body");
        var $comment = $this.parents(".comment");
        var commentid = $comment.data("id");
        var username = $comment.data("username");

        var $commentReplySubmit = $comment_body.find(".comment-reply-submit");

        if ($commentReplySubmit.length) {
            $commentReplySubmit.show();
        } else {
            var comment_reply_box_tpl = $comment_body.parents(".comment-area").find(".comment-reply-box-tpl").html();
            $commentReplySubmit = $(comment_reply_box_tpl);
            $comment_body.append($commentReplySubmit);
            console.log(comment_reply_box_tpl)
            console.log($comment_body)
        }
        var $replyTextbox = $commentReplySubmit.find(".textbox");
        $replyTextbox.attr('placeholder', '@' + username);
        $replyTextbox.focus();
        $commentReplySubmit.data("replyid", commentid);
    }

    function commentSubmit(obj) {

        Wind.use('noty', function () {

            var $this = $(obj);

            var $commentReplySubmit = $this.parents(".comment-reply-submit");

            var $replyTextbox = $commentReplySubmit.find(".textbox");
            var reply_content = $replyTextbox.val();

            if (reply_content == '') {
                $replyTextbox.focus();
                return;
            }

            var $comment_body = $this.parents(".comments > .comment> .comment-body");

            var comment_tpl = $comment_body.parents(".comment-area").find(".comment-tpl").html();

            var $comment_tpl = $(comment_tpl);

            var replyid = $commentReplySubmit.data('replyid');

            var $comment = $(".comments [data-id='" + replyid + "']");

            var username = $comment.data("username");

            var comment_content = "@" + username + ":" + reply_content;
            $comment_tpl.find(".comment-content .content").html(comment_content);
            $('.comment-area .comments').prepend($comment_tpl);

            var $comment_form = $this.parents(".comment-area").find(".comment-form");

            var comment_url = $comment_form.attr("action");

            var table_name = $comment_form.find("[name='table_name']").val();
            var object_title = $comment_form.find("[name='object_title']").val();
            var object_id = $comment_form.find("[name='object_id']").val();
            var object_url = $comment_form.find("[name='url']").val();

            var user_id = $comment.data("user_id");

            var postData = {
                object_title: object_title,
                table_name: table_name,
                object_id: object_id,
                to_user_id: user_id,
                parent_id: replyid,
                content: reply_content,
                url: object_url
            };

            var captcha = {$captcha};
            if (captcha == 1) {
                var verify = $commentReplySubmit.find("[name='verify']").val();
                postData.verify = verify;
            }


            $.post(comment_url,
                postData, function (data) {
                    if (data.code == 1) {
                        noty({
                            text: data.msg,
                            type: 'success',
                            layout: 'center'
                        });
                        $comment_tpl.remove();
                        $replyTextbox.val('');
                        if (data.url) {
                            location.href = data.url;
                        }
                        $commentReplySubmit.hide();
                    }

                    if (data.code == 0) {

                        noty({
                            text: data.msg,
                            type: 'error',
                            layout: 'center'
                        });
                        // $comment_tpl.remove();
                        // $replyTextbox.val('');
                        //
                        // $comment_tpl.attr("data-id", data.data.id);
                        // $replyTextbox.val('');
                    }

                }, 'json');


        });

    }

</script>

<style>
    .reply-content {

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
</style>
